<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>layui</title>
        <link rel="stylesheet" href="btnCSS.css" type="text/css" charset="UTF-8">
    </head>
    <body>
        <div class="contain">
            <div class="wrapper">
                <div class="layui-btn layui-btn-primary">原始样式</div>
                <div class="layui-btn">默认样式</div>
                <div class="layui-btn layui-btn-normal">百搭样式</div>
                <div class="layui-btn layui-btn-warm">暖色样式</div>
                <div class="layui-btn layui-btn-danger">警告样式</div>
                <div class="layui-btn layui-btn-disable">禁用样式</div>
            </div>
            <div class="wrapper">
                <div class="layui-btn layui-btn-primary layui-btn-lg">大型按钮</div>
                <div class="layui-btn layui-btn-primary">默认按钮</div>
                <div class="layui-btn layui-btn-primary layui-btn-sm">小型按钮</div>
                <div class="layui-btn layui-btn-primary layui-btn-xs">迷你按钮</div>
            </div>
        </div>
    </body>
</html>